{% extends "conmon/style.html" %}{% block content %}
<form id="myform" class="layui-form" action="">
<div class="container1">
	<div class="header">
		<div class="Mytab">
			<table class="mytabstyle rowtable" style="width: 100%;overflow-x: scroll;">
				<tr>
					<td width="5%"><p style="text-align: center;">*委托协议信息采集编号</p></td>
					<td><p><input type="text" style="text-align: left;" value="自动带出，不可修改" disabled /></p></td><p>
					<td width="6%"><p style="text-align: center;">*合同编号</p></td>
					<td><p><input type="text" style="text-align: left;" value="{{data.gfnsrsbh}}" /></p></td>
				</tr>
				<tr>
					<td>
						<div style="width:50%;display:block; float:left; text-align:center; line-height:122px;border-right:1px solid #ccc;">委托人</div>
						<div style="width:49%;display:block; float:left">
							<div style="text-align:center;border-bottom:1px solid #ccc; line-height:40px;">省份</div>
							<div style="text-align:center;border-bottom:1px solid #ccc; line-height:40px;">名称</div>
							<div style="text-align:center; line-height:40px;">注册地址</div>
						</div>
					</td>
					<td>
						<div style="text-align:center;border-bottom:1px solid #ccc;height:40px; line-height:40px;">
							<div class="layui-inline" style="width:98%; display:block; margin:auto;">
								<select name="modules" lay-verify="required" lay-search="">
									<option value="">直接选择或搜索选择</option>
									<option value="1">layer</option>
									<option value="2">form</option>
								</select>
							</div>
						</div>
						<div style="text-align:center;border-bottom:1px solid #ccc; line-height:40px;"><p><input type="text" style="text-align: left;" value="自动带出，不可修改" disabled /></p></div>
						<div style="text-align:center; line-height:40px;"><p><input type="text" style="text-align: left;" value="自动带出，不可修改" disabled /></p></div>
					</td>
					<td>
						<div style="text-align:center;border-bottom:1px solid #ccc; line-height:40px;">*统一社会信用代码</div>
						<div style="text-align:center;border-bottom:1px solid #ccc; line-height:40px;">*主管税务机关</div>
						<div style="text-align:center; line-height:40px;visibility: hidden;">注册地址</div>
					</td>
					<td>
						<div style="text-align:center;border-bottom:1px solid #ccc; line-height:40px;"><p><input type="text" style="text-align: left;" value="{{data.gfnsrsbh}}" /></p></div>
						<div style="text-align:center;border-bottom:1px solid #ccc; line-height:40px;"><p><input type="text" style="text-align: left;" value="{{data.gfnsrsbh}}" /></p></div>
						<div style="text-align:center; line-height:40px;visibility: hidden;">注册地址</div>
					</td>
				</tr>
				<tr>
					<td>
						<div style="width:50%;display:block; float:left; text-align:center; line-height:122px;border-right:1px solid #ccc;">受托人</div>
						<div style="width:49%;display:block; float:left">
							<div style="text-align:center;border-bottom:1px solid #ccc; line-height:40px;">省份</div>
							<div style="text-align:center;border-bottom:1px solid #ccc; line-height:40px;">名称</div>
							<div style="text-align:center; line-height:40px;">注册地址</div>
						</div>
					</td>
					<td>
						<div style="text-align:center;border-bottom:1px solid #ccc;height:40px; line-height:40px;">
							<div class="layui-inline" style="width:98%; display:block; margin:auto;">
								<select name="modules" lay-verify="required" lay-search="">
									<option value="">直接选择或搜索选择</option>
									<option value="1">layer</option>
									<option value="2">form</option>
								</select>
							</div>
						</div>
						<div style="text-align:center;border-bottom:1px solid #ccc; line-height:40px;"><p><input type="text" style="text-align: left;" value="自动带出，不可修改" disabled /></p></div>
						<div style="text-align:center; line-height:40px;"><p><input type="text" style="text-align: left;" value="自动带出，不可修改" disabled /></p></div>
					</td>
					<td>
						<div style="text-align:center;border-bottom:1px solid #ccc; line-height:40px;">*统一社会信用代码</div>
						<div style="text-align:center;border-bottom:1px solid #ccc; line-height:40px;">*主管税务机关</div>
						<div style="text-align:center; line-height:40px;visibility: hidden;">注册地址</div>
					</td>
					<td>
						<div style="text-align:center;border-bottom:1px solid #ccc; line-height:40px;"><p><input type="text" style="text-align: left;" value="自动带出，不可修改" disabled /></p></div>
						<div style="text-align:center;border-bottom:1px solid #ccc; line-height:40px;"><p><input type="text" style="text-align: left;" value="自动带出，不可修改" disabled /></p></div>
						<div style="text-align:center; line-height:40px;visibility: hidden;">注册地址</div>
					</td>
				</tr>
				<tr>
					<td width="10%"><p style="text-align: center;">协议摘要</p></td>
					<td colspan="3"><p><input type="text" style="text-align: left;" value="{{data.gfkhyh}}" /></p></td>
				</tr>
				<tr>
					<td width="10%"><p style="text-align: center;">*服务期限起</p></td>
					<td><p><input type="text" name="fzrq" id="date" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input"></p></td>
					<td width="10%"><p style="text-align: center;">*服务期限止</p></td>
					<td><p><input type="text" name="fzrq" id="date" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input"></p></td>
				</tr>
				<tr>
					<td width="10%"><p style="text-align: center;">*合同金额</p></td>
					<td><p><input type="text" style="text-align: left;" value="{{data.gfdz}}" /></p></td>
					<td width="10%"><p style="text-align: center;">是否在同一纳税年度为委托人提供审计服务</p></td>
					<td>
						<p>
							<input type="radio" name="isdzb" value="0" title="是" checked="">
							<input type="radio" name="isdzb" value="1" title="否">
						</p>
					</td>
				</tr>
				<tr>
					<td width="10%"><p style="text-align: center;">*委托内容</p></td>
					<td colspan="3"><p><input type="text" style="text-align: left;" value="{{data.gfkhyh}}" /></p></td>
				</tr>		
			</table>
		</div>	 
	</div>
	<div class="header">
		<div class="Mytab">
			<table class="mytabstyle rowtable" style="width: 100%;overflow-x: scroll;">
				<thead>*服务项目</thead>
				<tr>
					<td>*委托服务项目大类</td>
					<td>*委托服务项目中类</td>
					<td>*委托服务项目小类</td>
					<td>*委派服务人员</td>
				</tr>
				<tr>
					<td>
						<p>
							<div class="layui-inline" style="width:98%; display:block; margin:auto;">
								<select name="jglb" lay-verify="required" lay-search="">
									<option value="">直接选择或搜索选择</option>
									<option value="1">机构1</option>
									<option value="2">机构2</option>
								</select>
							</div>
						</p>
					</td>
					<td>
						<p>
							<div class="layui-inline" style="width:98%; display:block; margin:auto;">
								<select name="jglb" lay-verify="required" lay-search="">
									<option value="">直接选择或搜索选择</option>
									<option value="1">机构1</option>
									<option value="2">机构2</option>
								</select>
							</div>
						</p>
					</td>
					<td>
						<p>
							<div class="layui-inline" style="width:98%; display:block; margin:auto;">
								<select name="jglb" lay-verify="required" lay-search="">
									<option value="">直接选择或搜索选择</option>
									<option value="1">机构1</option>
									<option value="2">机构2</option>
								</select>
							</div>
						</p>
					</td>
					<td>
						<p>
							<div class="layui-inline" style="width:98%; display:block; margin:auto;">
								<select name="jglb" lay-verify="required" lay-search="">
									<option value="">直接选择或搜索选择</option>
									<option value="1">机构1</option>
									<option value="2">机构2</option>
								</select>
							</div>
						</p>
					</td>
				</tr>
			</table>
			<div style="margin: 15px 0 15px 0;text-align: center;">
				<input type="button" value="添加行" class="darkbluebtn" />
				<div class="My_btn_small orgbtn">删除行</div>
			</div>
		</div>	 
	</div>
	<div class="header">
		<div class="Mytab">
			<table class="mytabstyle rowtable" style="width: 100%;overflow-x: scroll;">
				<tr>
					<td width="10%"><p style="text-align: center;">*经办人员</p></td>
					<td><p><input type="text" style="text-align: left;" value="{{data.gfdz}}" /></p></td>
					<td width="10%"><p style="text-align: center;">*税务机关</p></td>
					<td><p><input type="text" style="text-align: left;" value="自动带出，不可修改" disabled /></p></td>
				</tr>
				<tr>
					<td width="10%"><p style="text-align: center;">*接收人</p></td>
					<td><p><input type="text" style="text-align: left;" value="自动带出，不可修改" disabled /></p></td>
					<td width="10%"><p style="text-align: center;">*采集日期</p></td>
					<td><p><input type="text" style="text-align: left;" value="自动带出，不可修改" disabled /></p></td>
				</tr>
			</table>
		</div>	 
	</div>
	<div style="margin: 30px 0 0 0;text-align: center;">
		<input type="button" value="报送" class="darkbluebtn" />
		<div class="My_btn_small orgbtn">返回</div>
	</div>
</div>
</form>
<!-- <script src="/public/dist/ssfw/index.js"></script> -->
<script>
layui.use(['form', 'layedit', 'laydate'], function(){
	var form = layui.form
	,layer = layui.layer
	,layedit = layui.layedit
	,laydate = layui.laydate;
	
	//日期
	laydate.render({
	elem: '#date'
	});
	laydate.render({
	elem: '#date1'
	});
	
	//创建一个编辑器
	var editIndex = layedit.build('LAY_demo_editor');
	
	//自定义验证规则
	form.verify({
	title: function(value){
		if(value.length < 5){
		return '标题至少得5个字符啊';
		}
	}
	,pass: [/(.+){6,12}$/, '密码必须6到12位']
	,content: function(value){
		layedit.sync(editIndex);
	}
	});
	
	//监听指定开关
	form.on('switch(switchTest)', function(data){
	layer.msg('开关checked：'+ (this.checked ? 'true' : 'false'), {
		offset: '6px'
	});
	layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
	});
	
	//监听提交
	form.on('submit(demo1)', function(data){
	layer.alert(JSON.stringify(data.field), {
		title: '最终的提交信息'
	})
	return false;
	});	
});
</script>
{% endblock %}